<template>
  <div class="Scheduled">
    <div class="title">
      <h3 class="h3">预定一</h3>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">典礼时间:</div>
      <div class="InputBox-b">
        <span class="inpText">2019年10月2日 上午</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">主持人:</div>
      <div class="InputBox-b">
        <span class="inpText">阿里</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">电话:</div>
      <div class="InputBox-b">
        <span class="inpText">13811112222</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">下单时间:</div>
      <div class="InputBox-b">
        <span class="inpText">2019/08/18 13:32</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">酒店名称:</div>
      <div class="InputBox-b">
        <span class="inpText">北京香格里拉大酒店 </span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">酒店地址:</div>
      <div class="InputBox-b">
        <span class="inpText">北京市</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">定金:</div>
      <div class="InputBox-b">
        <span class="inpText">500元</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">备注:</div>
      <div class="InputBox-b">
        <span class="inpText">到时候给你安排住的地方，提前沟通</span>
      </div>
    </div>
    <div class="dataListName">
      <p class="wenben">*注意事项：</p>
      <p class="wenben">1. 您已成功预定，请及时联系主持人；</p>
      <p class="wenben">2. 如需更改婚期或取消预定，请联系主持人沟通</p>
    </div>
    <br>
    <div class="title">
      <h3 class="h3">预定二</h3>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">典礼时间:</div>
      <div class="InputBox-b">
        <span class="inpText">2019年10月2日 上午</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">主持人:</div>
      <div class="InputBox-b">
        <span class="inpText">阿里</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">电话:</div>
      <div class="InputBox-b">
        <span class="inpText">13811112222</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">下单时间:</div>
      <div class="InputBox-b">
        <span class="inpText">2019/08/18 13:32</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">酒店名称:</div>
      <div class="InputBox-b">
        <span class="inpText">北京香格里拉大酒店 </span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">酒店地址:</div>
      <div class="InputBox-b">
        <span class="inpText">北京市</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">定金:</div>
      <div class="InputBox-b">
        <span class="inpText">500元</span>
      </div>
    </div>
    <div class="dataListName">
      <div class="InputBox-a">备注:</div>
      <div class="InputBox-b">
        <span class="inpText">到时候给你安排住的地方，提前沟通</span>
      </div>
    </div>
    <div class="dataListName">
      <p class="wenben">*注意事项：</p>
      <p class="wenben">1. 您已成功预定，请及时联系主持人；</p>
      <p class="wenben">2. 如需更改婚期或取消预定，请联系主持人沟通</p>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="less">
.h3 {
  margin-left: 10px;
  font-size: 20px;
}
.title{
  margin-top: 10px;
  margin-left: 100px;
  height: 50px;
  line-height: 50px;
  background-color: #f2f2f2;
}
.dataListName {
  width: 20%;
  margin-left: 120px;
  margin-top: 20px;
}
.InputBox-a {
  margin-left: 50px;
}
.InputBox-b {
  width: 100%;
  margin-left: 150px;
  margin-top: -21px;
}
.wenben{
    color: red;
    font-size: 12px;
}
</style>